@import '../index.scss';

//普通选择器
.g-select {
  /***************重写antd样式***************/
  .ant-select-selection--single {
    min-width: 70px;
  }
  &.ant-select-lg .ant-select-selection-selected-value {
    font-size: $font-size;
  }
}

//多级选择器
.g-selects {
  /***************自定义样式***************/
  //当子元素个数为2时，第一个子元素的样式
  .g-select:nth-last-child(2):first-child {
    width: calc((100% - 10px) / 2);
  }
  //当子元素个数为2时，第二个以后子元素的样式
  .g-select:nth-last-child(2):first-child ~ .g-select {
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
  }

  //当子元素个数为3时，第一个子元素的样式
  .g-select:nth-last-child(3):first-child {
    width: calc((100% - 20px) / 3);
  }
  //当子元素个数为3时，第二个以后子元素的样式
  .g-select:nth-last-child(3):first-child ~ .g-select {
    width: calc((100% - 20px) / 3);
    margin-left: 10px;
  }

  //当子元素个数为4时，第一个子元素的样式
  .g-select:nth-last-child(4):first-child {
    width: calc((100% - 30px) / 4);
  }
  //当子元素个数为4时，第二个以后子元素的样式
  .g-select:nth-last-child(4):first-child ~ .g-select {
    width: calc((100% - 30px) / 4);
    margin-left: 10px;
  }
}
/**********************顶层的antd样式**********************/
ul.ant-select-dropdown-menu {
  //隐藏IE的列表滚动条，与谷歌保持一致
  -ms-overflow-style: none;
  //隐藏谷歌的列表滚动条：解决低版本谷歌浏览器上显示异常的问题
  &::-webkit-scrollbar {
    display: none;
  }
}
